<template>
    <div id="index_container">
    <div id="map_wrap">
        <map-container></map-container>
    </div>
        <div id="info_window_wrap">
            <info-window></info-window>
        </div>
    </div>
</template>

<script>
    import MapContainer from "./MapContainer";
    import InfoWindow from "./InfoWindow";
    export default {
        name: "Index",
        components: {MapContainer,InfoWindow}
    }
</script>

<style lang="less" scoped>
#index_container{
    #map_wrap{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        height: 100%;
        width: 100%;
    }
}
</style>
